<script setup lang="ts">
import router from "@/router";
import { useCampStore } from "@/stores/CampDetailStore";
// 假设 WorkReviewCard 是一个组件
/*
// 定义状态
const filterItem = ref("all");

// 定义过滤器选项
const filterOptions = [
  { key: "all", label: "全部", value: 1 },
  { key: "industry", label: "社交娱乐", value: 2 },
  { key: "tech", label: "专业知识", value: 3 },
  { label: "内容媒体", key: "media", value: 4 },
  { label: "效率工具", key: "tool", value: 5 },
  { label: "教育培训", key: "edu", value: 6 },
  { label: "企业服务", key: "service", value: 7 },
  { label: "营销电商", key: "market", value: 8 },
  { label: "政务服务", key: "gov", value: 9 },
  { label: "医疗健康", key: "health", value: 10 },
  { label: "智能硬件", key: "hardware", value: 11 },
];

const sortOptions = [
  { label: "最热", value: "hot" },
  { label: "最新", value: "new" },
  { label: "最多浏览", value: "look_num" },
];

const selectedSort = ref("hot");
const searchKeyword = ref("");

// 定义切换过滤器的方法
const setFilterItem = (value: any) => {
  filterItem.value = value;
};
*/
</script>

<template>
  <div>
    <div class="filter-wrapper" style="line-height: 1.8;">
      <p>
        （1）“AI+X”大模型创新训练营计划预计将设计五次作业（由五家不同大模型厂商来完成授课后，给出作业要求）。选课学生五选一，完成其中一次作业提交就可以。<br>
        （2）核定学分以作业完成的质量来评定。<br>
        （3）预计提交作业的截止时间在11月初，具体见课程QQ群通知。<br>
        （4）创新学分核定作业，要在智链平台的作业提交入口，按照要求提交。
      </p>
      <!-- <Button
        v-for="item in filterOptions"
        :key="item.key"
        :type="filterItem === item.key ? 'primary' : 'default'"
        style="border-color: white; border-radius: 0rem"
        @click="setFilterItem(item.key)"
      >
        {{ item.label }}
      </Button> -->
    </div>
    <div class="list-wrapper">
      <!-- 假设 WorkReviewCard 是一个组件 -->
      <!-- <WorkReviewCard v-for="i in 6" :key="i" /> -->
    </div>
  </div>
</template>

<style scoped>
.search-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}

.search-wrapper > span {
  white-space: nowrap;
}

.filter-wrapper {
  display: flex;
  gap: 12px;
  padding: 10px 0;
}

.list-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
</style>
